<%- include('../../common/header.html',{css:'common'}) %>
<%- include('../../common/script-validation.html') %>
<%- include('../../common/script-ajax-file-upload.html') %>
<%- include('../../common/script-jcrop.html') %>
<%- include('../../common/layer.html') %>
<%- include('../../common/script-codemirror.html') %>
<%- include('../../common/script-tagsinput.html') %>
<%- include('../../common/script-webuploader.html') %>
<title>编辑-后台管理系统</title>
<script type="application/xhtml+xml" id="price-template">
    <%- include('../../component/price-component.html') %>
</script>
<%- include('../../component/offer-img-item.html') %>
<style>
    #uploader .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    #uploader .row .col-sm-4 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .info {
        display: none;
    }

    #uploader {
        border: 1px dashed #333;
    }

    .image-cover-crop {
        display: inline;
    }

    .tmp:hover .image-cover-text {
        display: none !important;
    }

    .hidden {
        display: none !important;
    }

    .hidden2 {
        display: block !important;
    }

    .s-kit-image-item {
        position: relative;
    }

    .image-cover {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        text-align: center;
        line-height: 130px;
        right: 0;
    }

    .image-cover > * {
        display: none;
    }

    .imgs > .col-sm-4 {
        margin-bottom: 10px;
    }

    .image-cover > span {
        border: 1px solid #eae5e5;
        font-size: 16px;
        font-weight: bold;
        display: none;
        color: #000;
        cursor: pointer;
        background: #FFF;
        padding: 5px 5px;
        border-radius: 3px;
        cursor: pointer;
    }

    .image-cover > span:hover {
        background: #efefef;
    }

    .image-cover:hover > * {
        display: inline;
    }

    .item-image {
        width: 100%;
        border-radius: 2px;
        /*border: 1px solid #8a8a8a;*/
        border: 1px solid #d4d1d1;
        box-shadow: 0px 0px 16px 0px #cac5c5;
    }

    .media-upload {
        width: 100%;
        border-radius: 2px;
        border: 1px solid #d4d1d1;
        box-shadow: 0px 0px 5px 0px #cac5c5;
        cursor: pointer;
    }

    .media-upload-text {
        font-size: 16px;
        color: #c6c9cd;
        padding: 12px 0 4px;
        display: block;
        text-align: center;
    }

    .panel {
        border: 1px solid #cdd4db;
        margin-bottom: 10px;
    }

    .panel-body {
        padding: 10px;
    }

    .panel-heading {
        padding: 0 10px;
        border-bottom: 1px solid #cbd4dc;
        line-height: 2;
        font-size: 22px;
        font-weight: bold;
    }

    .input-group-addon {
        background-color: #fff;
    }

    button {
        outline: none !important;
    }

    .bootstrap-select .dropdown-toggle:focus, button:focus {
        outline: none !important;
    }

    .bootstrap-tagsinput, .bootstrap-select {
        width: 100% !important;
    }

    .trash-btn i.fa {
        color: #00a4f6;
        font-size: 18px;
        line-height: 32px
    }

    .panel-desc1 {
        font-size: 16px;
        font-weight: 400;
        margin-top: 5px;
    }

    .bootstrap-tagsinput .tag {
        border: none !important;
        background: #eeeeee;
        color: #333;
    }

    .vars .var-item {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 10px;
    }

    .img-label {
        position: absolute;
        bottom: 1px;
        text-align: center;
        background: #eee;
        right: 1px;
        left: 1px;
        line-height: 2;
        opacity: .8;
        color: #000;
        font-weight: bold;
        font-size: 16px;
    }

    .btns {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        text-align: center;
    }
</style>
</head>
<body class="page-sub" style="background: #FFF;">
<%- include('../../common/top-nav.html') %>
<%- include('../../common/page-title.html') %>
<div class="content">
    <div style="background:#fff;">
        <div class="container">
            <div class="row">

                <div class="col-md-8">
                    <br/>
                    <br/>
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            基本信息
                        </div>
                        <div class="panel-body">
                            <form>
                                <div class="form-group">
                                    <label>植物名称</label>
                                    <input name="name" class="form-control" placeholder="请输入植物名称">
                                    <input name="thumbnail" type="hidden" class="thumbnail">
                                </div>
                                <div class="form-group">
                                    <label>植物简述(副标题)</label>
                                    <textarea name="desc1" class="form-control" placeholder="请输入植物简述"></textarea>
                                </div>
                                <div class="form-group">
                                    <label>出生地</label>
                                    <textarea name="varsNameIds" class="form-control" placeholder="请输入出生地"></textarea>
                                </div>
                                <div class="form-group">
                                    <label>基本技能</label>
                                    <textarea name="varsValueIds" class="form-control" placeholder="请输入基本技能"></textarea>
                                </div>
                                <div class="form-group">
                                    <label>成长天数</label>
                                    <input name="applyAge" class="form-control" placeholder="请输入成长天数" />
                                </div>
                                <div class="form-group">
                                    <label>植物详情</label>
                                    <div id="editor-profile"></div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            缩略图-轮播图 <a href="javascript:void(0)" class="pull-right panel-desc1">添加图片</a>
                        </div>
                        <div class="panel-body" id="uploader" style="position: relative;">
                            <div class="row imgs" style="padding: 0;">
                                <div class="statusBar" style="">
                                    <div class="progress" style="display: none;">
                                        <span class="text">0%</span>
                                        <span class="percentage" style="width: 0%;"></span>
                                    </div>
                                    <div class="info">选中1张图片，共150.80K。</div>
                                    <div class="btns">
                                        <div id="filePicker2" class="webuploader-container">
                                            <div class="webuploader-pick">继续添加</div>
                                            <div id="rt_rt_1cue2fv431014bhd1aet96fgov6"
                                                 style="position: absolute; top: 0px; left: 10px; width: 94px; height: 42px; overflow: hidden; bottom: auto; right: auto;">
                                                <input type="file" name="file" class="webuploader-element-invisible"
                                                       multiple="multiple" accept="image/*"><label
                                                    style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label>
                                            </div>
                                        </div>
                                        <div class="uploadBtn state-ready">开始上传</div>
                                    </div>
                                </div>
                                <div class="placeholder"></div>
                                <div class="col-sm-4">
                                    <div class="item-trigger" style="position: relative;">
                                        <img src="/admin/imgs/upload/uploadz1.png" style="width:100%;"
                                             class="media-upload"/>
                                        <div class="btns">
                                            <a href="javascript:void(0);" id="item-trigger"
                                               style="vertical-align: middle;height:34px;width:60px;    display: inline-block;"
                                               class=" "
                                            >选择</a>
                                            <a href="javascript:void(0);" id="ctlBtn" class="btn btn-secondary">上传</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            植物视频
                        </div>
                        <div class="panel-body" id="uploader-video" style="position: relative;">
                            <div
                                    class="video-upload"
                                    style="width:140px;height:140px;display:table-cell;text-align: center;font-size: 12px;color: #999;">
                                <img src="/admin/imgs/upload/uploadz1.png" alt="" style="width:100%;">
                                <input type="hidden" name="video">
                                <div >植物视频<a target="_blank" class="video-priview"></a></div>
                            </div>
                            <div
                                    class="video-img-upload"
                                    style="width:140px;height:140px;display:table-cell;text-align: center;font-size: 12px;color: #999;">
                                <img src="/admin/imgs/upload/uploadz1.png" alt="" style="width:100%;">
                                <input type="hidden" name="video-preview">
                                <div>预览图</div>
                            </div>
                        </div>
                    </div>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                    <br/>
                </div>
                    <div class="col-md-4 slid-bars">
                    <br/>
                    <br/>
                    <br/>
                    <br/>

                    <div class="form-group">
                        <label>品种</label>
                        <div>
                            <select name="brand"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>分类</label>
                        <div>
                            <select name="categoryId"></select>
                        </div>
                    </div>

                    <!--<div class="form-group">-->
                        <!--<label>标签</label>-->
                        <!--<div>-->
                            <!--<textarea name="tags" class="form-control"></textarea>-->
                        <!--</div>-->
                    <!--</div>-->

                </div>
            </div>
        </div>
    </div>
    <div class="form-submit">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <a href="javascript:void(0)" class="btn btn-primary btn-custom btn-save"> 保 存 </a>
                    <a href="./index.html" class="btn btn-default btn-custom"> 返 回 </a>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
<%- include('../../common/script-ueditor.html') %>
<!-- build:js ../../scripts/product/plant/edit.js  -->
<script type="text/javascript" src="./../../../libs/su/upload.js"></script>
<script type="text/javascript" src="./edit.js"></script>
<!-- endbuild -->
</html>